/* 加载文件 */
/* CSS Reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
textarea,
input,
select,
button,
iframe {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
:focus {
  outline: 0;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
  display: block;
}
ul {
  list-style: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
[flex],
[flex] > *,
[flex] > [flex] {
  overflow: hidden;
}
[flex] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
[flex] > * {
  display: block;
}
[flex] > [flex] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
[flex~="dir:left"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
[flex~="dir:right"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
}
[flex~="dir:top"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
[flex~="dir:bottom"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
}
[flex~="main:left"] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
[flex~="main:right"] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
[flex~="main:justify"] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
[flex~="main:center"] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
[flex~="cross:top"] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
[flex~="cross:bottom"] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
[flex~="cross:center"] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
[flex~="cross:baseline"] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
[flex~="cross:stretch"] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
[flex~="box:mean"] > *,
[flex~="box:first"] > *,
[flex~="box:last"] > *,
[flex~="box:justify"] > * {
  width: 0;
  height: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
[flex~="box:first"] > :first-child,
[flex~="box:last"] > :last-child,
[flex~="box:justify"] > :first-child,
[flex~="box:justify"] > :last-child {
  width: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
[flex~="dir:top"][flex~="box:mean"] > *,
[flex~="dir:top"][flex~="box:first"] > *,
[flex~="dir:top"][flex~="box:last"] > *,
[flex~="dir:top"][flex~="box:justify"] > *,
[flex~="dir:bottom"][flex~="box:mean"] > *,
[flex~="dir:bottom"][flex~="box:first"] > *,
[flex~="dir:bottom"][flex~="box:last"] > *,
[flex~="dir:bottom"][flex~="box:justify"] > * {
  width: auto;
  height: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
[flex~="dir:top"][flex~="box:first"] > :first-child,
[flex~="dir:top"][flex~="box:last"] > :last-child,
[flex~="dir:top"][flex~="box:justify"] > :first-child,
[flex~="dir:top"][flex~="box:justify"] > :last-child,
[flex~="dir:bottom"][flex~="box:first"] > :first-child,
[flex~="dir:bottom"][flex~="box:last"] > :last-child,
[flex~="dir:bottom"][flex~="box:justify"] > :first-child [flex~="dir:bottom"][flex~="box:justify"] > :last-child {
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
[flex-box="0"] {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
[flex-box="1"] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
[flex-box="2"] {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-flex-shrink: 2;
  -ms-flex-negative: 2;
  flex-shrink: 2;
}
[flex-box="3"] {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  -webkit-flex-shrink: 3;
  -ms-flex-negative: 3;
  flex-shrink: 3;
}
[flex-box="4"] {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
  -webkit-flex-shrink: 4;
  -ms-flex-negative: 4;
  flex-shrink: 4;
}
[flex-box="5"] {
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
  -webkit-flex-shrink: 5;
  -ms-flex-negative: 5;
  flex-shrink: 5;
}
[flex-box="6"] {
  -webkit-box-flex: 6;
  -webkit-flex-grow: 6;
  -ms-flex-positive: 6;
  flex-grow: 6;
  -webkit-flex-shrink: 6;
  -ms-flex-negative: 6;
  flex-shrink: 6;
}
[flex-box="7"] {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  -webkit-flex-shrink: 7;
  -ms-flex-negative: 7;
  flex-shrink: 7;
}
[flex-box="8"] {
  -webkit-box-flex: 8;
  -webkit-flex-grow: 8;
  -ms-flex-positive: 8;
  flex-grow: 8;
  -webkit-flex-shrink: 8;
  -ms-flex-negative: 8;
  flex-shrink: 8;
}
[flex-box="9"] {
  -webkit-box-flex: 9;
  -webkit-flex-grow: 9;
  -ms-flex-positive: 9;
  flex-grow: 9;
  -webkit-flex-shrink: 9;
  -ms-flex-negative: 9;
  flex-shrink: 9;
}
[flex-box="10"] {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10;
}
/* 清除浮动 */
.clear:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  zoom: 1;
}
/* 颜色 */
/* 文字尺寸 */
[font~="12"],
h4 {
  font-size: 12px;
}
[data-dpr="2"] [font~="12"],
[data-dpr="2"] h4 {
  font-size: 24px;
}
[data-dpr="3"] [font~="12"],
[data-dpr="3"] h4 {
  font-size: 36px;
}
[font~="14"],
h3 {
  font-size: 14px;
}
[data-dpr="2"] [font~="14"],
[data-dpr="2"] h3 {
  font-size: 28px;
}
[data-dpr="3"] [font~="14"],
[data-dpr="3"] h3 {
  font-size: 42px;
}
[font~="16"],
h2 {
  font-size: 16px;
}
[data-dpr="2"] [font~="16"],
[data-dpr="2"] h2 {
  font-size: 32px;
}
[data-dpr="3"] [font~="16"],
[data-dpr="3"] h2 {
  font-size: 48px;
}
[font~="18"],
h1 {
  font-size: 18px;
}
[data-dpr="2"] [font~="18"],
[data-dpr="2"] h1 {
  font-size: 36px;
}
[data-dpr="3"] [font~="18"],
[data-dpr="3"] h1 {
  font-size: 54px;
}
[font~="20"] {
  font-size: 20px;
}
[data-dpr="2"] [font~="20"] {
  font-size: 40px;
}
[data-dpr="3"] [font~="20"] {
  font-size: 60px;
}
[font~="22"] {
  font-size: 22px;
}
[data-dpr="2"] [font~="22"] {
  font-size: 44px;
}
[data-dpr="3"] [font~="22"] {
  font-size: 66px;
}
[font~="28"] {
  font-size: 28px;
}
[data-dpr="2"] [font~="28"] {
  font-size: 56px;
}
[data-dpr="3"] [font~="28"] {
  font-size: 84px;
}
/* 过度 */
/* 圆角 */
/* 3D变换 */
/* 定位 */
/* 阴影 */
/* 按钮 */
.btn {
  height: 1.173rem;
  line-height: 1.173rem;
  text-align: center;
  display: block;
  border-top-left-radius: 0.587rem;
  -webkit-border-top-left-radius: 0.587rem;
  -moz-border-radius-topleft: 0.587rem;
  border-top-right-radius: 0.587rem;
  -webkit-border-top-right-radius: 0.587rem;
  -moz-border-radius-topright: 0.587rem;
  border-bottom-left-radius: 0.587rem;
  -webkit-border-bottom-left-radius: 0.587rem;
  -moz-border-radius-bottomleft: 0.587rem;
  border-bottom-right-radius: 0.587rem;
  -webkit-border-bottom-right-radius: 0.587rem;
  -moz-border-radius-bottomright: 0.587rem;
}
.btn-blue {
  background-color: #2e82ff;
  color: #fff;
  -webkit-box-shadow: 0 0.133rem 0.133rem rgba(46, 130, 255, 0.4);
  -moz-box-shadow: 0 0.133rem 0.133rem rgba(46, 130, 255, 0.4);
  box-shadow: 0 0.133rem 0.133rem rgba(46, 130, 255, 0.4);
}
@font-face {
  font-family: 'icons';
  src: url('../fonts/icons.eot?asaqou');
  src: url('../fonts/icons.eot?asaqou#iefix') format('embedded-opentype'), url('../fonts/icons.ttf?asaqou') format('truetype'), url('../fonts/icons.woff?asaqou') format('woff'), url('../fonts/icons.svg?asaqou#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add:before {
  content: "\e900";
}
.icon-addition:before {
  content: "\e901";
}
.icon-addressbook:before {
  content: "\e902";
}
.icon-back:before {
  content: "\e903";
}
.icon-barrage:before {
  content: "\e904";
}
.icon-barrage_fill:before {
  content: "\e905";
}
.icon-call:before {
  content: "\e906";
}
.icon-close:before {
  content: "\e907";
}
.icon-group:before {
  content: "\e909";
}
.icon-group_fill:before {
  content: "\e90a";
}
.icon-in:before {
  content: "\e90b";
}
.icon-man:before {
  content: "\e90c";
}
.icon-people:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-quite:before {
  content: "\e90f";
}
.icon-right:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e911";
}
.icon-select:before {
  content: "\e912";
}
.icon-shoppingcar:before {
  content: "\e913";
}
.icon-unlock:before {
  content: "\e915";
}
.icon-women:before {
  content: "\e916";
}
/* 公共 */
body,
html {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body {
  background-color: #eee;
  position: relative;
}
body,
input,
textarea,
select {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  color: #282828;
}
[flex] section {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.section-white {
  background-color: #fff;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
/* 用户 */
.logo {
  height: 5.867rem;
  background: url("../img/login.png") no-repeat scroll center bottom #2e82ff;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
  position: relative;
}
.logo-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.login-form {
  padding: 0.133rem 0.667rem 0 0.667rem;
}
.login-list li {
  margin-top: 0.667rem;
  border-bottom: 1px solid #ddd;
  height: 1.173rem;
}
.login-icon {
  color: #2e82ff;
  margin-right: 0.6rem;
}
.login-inp {
  display: block;
}
.login-clear {
  height: 0.48rem;
  width: 0.48rem;
  display: none;
}
.login-clear img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.login-btn {
  margin-top: 1rem;
}
.login-opt {
  margin-top: 0.667rem;
}
.login-opt a {
  color: #7b7b7b;
}
header {
  height: 1.173rem;
  background-color: #2e82ff;
}
header h1 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
header.header-white {
  background-color: #fff;
}
header.header-white h1 {
  color: #282828;
}
header.header-white .header-icon a {
  color: #7b7b7b;
}
.header-icon {
  min-width: 1.173rem;
  height: 1.173rem;
}
.header-icon a {
  height: 100%;
  padding: 0 0.4rem;
  color: #fff;
}
.form {
  margin-top: 0.267rem;
}
.form li {
  padding: 0.3rem 0.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.register-btn {
  margin-top: 0.533rem;
  padding: 0 0.4rem;
}
.register-opt {
  margin-top: 0.667rem;
  padding: 0 0.4rem;
  color: #8c8c8c;
}
.register-opt a {
  color: #7b7b7b;
  font-weight: bold;
}
.get-num {
  color: #2e82ff;
  margin-left: 0.4rem;
  text-align: center;
}
.get-num.code-grey {
  color: #aaa;
}
.form-tit {
  min-width: 2.24rem;
}
.select {
  display: none;
}
.form .mbsc-control {
  width: 100%;
}
.menu {
  height: 1.307rem;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.menu li a {
  display: block;
  text-align: center;
  color: #7b7b7b;
}
.menu li a p {
  margin-top: 0.107rem;
}
.menu li:nth-child(2) a div {
  width: 1.6rem;
  height: 0.933rem;
  line-height: 0.933rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background-color: #2e82ff;
  border-top-left-radius: 0.16rem;
  -webkit-border-top-left-radius: 0.16rem;
  -moz-border-radius-topleft: 0.16rem;
  border-top-right-radius: 0.16rem;
  -webkit-border-top-right-radius: 0.16rem;
  -moz-border-radius-topright: 0.16rem;
  border-bottom-left-radius: 0.16rem;
  -webkit-border-bottom-left-radius: 0.16rem;
  -moz-border-radius-bottomleft: 0.16rem;
  border-bottom-right-radius: 0.16rem;
  -webkit-border-bottom-right-radius: 0.16rem;
  -moz-border-radius-bottomright: 0.16rem;
}
.menu li a.menu-now {
  color: #2e82ff;
}
.view li {
  padding: 0.4rem;
  position: relative;
  background-color: #fff;
}
.view li:before {
  position: absolute;
  content: '';
  border-top: 1px solid #ddd;
  left: 2.933rem;
  right: 0;
  top: 0;
}
.view li:first-child:before {
  border-top: none;
}
.view li article h2 {
  color: #282828;
  margin-bottom: 0.133rem;
}
.view li article p {
  width: 100%;
  color: #8c8c8c;
  line-height: 0.48rem;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.roll {
  display: none;
  width: 8px;
  height: 8px;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  background-color: #fc5a5c;
  margin-right: 0.133rem;
}
[data-dpr="2"] .roll {
  width: 16px;
  height: 16px;
}
[data-dpr="3"] .roll {
  width: 24px;
  height: 24px;
}
.view-pic {
  width: 2.133rem;
  height: 2.133rem;
  margin-right: 0.4rem;
  overflow: hidden;
}
.view-pic p {
  display: table-cell;
  width: 2.133rem;
  height: 2.133rem;
  vertical-align: middle;
}
.view-pic p img {
  width: 100%;
  vertical-align: middle;
}
.view-pic.worker-pic {
  width: 1.867rem;
  height: 1.867rem;
}
.view-pic.worker-pic p {
  width: 1.867rem;
  height: 1.867rem;
}
.dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background-color: #fff;
  display: none;
}
.dialog-box {
  height: 100%;
  width: 100%;
}
.form-word {
  text-align: right;
}
.dialog-header {
  height: 1.173rem;
}
.dialog-header h1 {
  text-align: center;
}
.dialog-header-icon {
  min-width: 1.173rem;
  height: 1.173rem;
}
.dialog-header-icon a {
  width: 100%;
  height: 100%;
  color: #282828;
}
.btn-bottom {
  display: block;
  width: 100%;
  height: 1.307rem;
  line-height: 1.307rem;
  text-align: center;
  color: #fff;
  background-color: #2e82ff;
}
.search-box {
  background-color: #fff;
  border-top-left-radius: 0.133rem;
  -webkit-border-top-left-radius: 0.133rem;
  -moz-border-radius-topleft: 0.133rem;
  border-top-right-radius: 0.133rem;
  -webkit-border-top-right-radius: 0.133rem;
  -moz-border-radius-topright: 0.133rem;
  border-bottom-left-radius: 0.133rem;
  -webkit-border-bottom-left-radius: 0.133rem;
  -moz-border-radius-bottomleft: 0.133rem;
  border-bottom-right-radius: 0.133rem;
  -webkit-border-bottom-right-radius: 0.133rem;
  -moz-border-radius-bottomright: 0.133rem;
  height: 0.8rem;
}
.search-inp {
  margin-left: 0.267rem;
}
.search-opt a {
  height: 0.8rem;
  padding: 0 0.267rem;
  color: #7b7b7b;
}
.card-list {
  margin-bottom: 0.267rem;
}
.card-tit {
  background-color: #fff;
  height: 1.173rem;
  border-bottom: 1px solid #ddd;
}
.card-tit a {
  height: 100%;
}
.card-tit-word {
  border-left: 0.067rem solid #2e82ff;
  padding-left: 0.333rem;
  color: #282828;
}
.card-tit-opt {
  padding: 0 0.4rem;
  color: #2e82ff;
}
.card-tit-opt span {
  color: #8c8c8c;
}
.card-form {
  background-color: #fff;
}
.card-form li {
  margin-left: 0.4rem;
  padding: 0.333rem 0.4rem 0.333rem 0;
  position: relative;
  background-color: #fff;
}
.card-form li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #ddd;
}
.card-form li:first-child:before {
  border-top: none;
}
.card-form .mbsc-control {
  width: 100%;
}
.card-form-tit {
  min-width: 2.667rem;
  line-height: 0.467rem;
}
.card-form-con {
  line-height: 0.467rem;
  text-align: right;
}
.card-message-box {
  border: 1px solid #2e82ff;
  text-align: center;
  color: #2e82ff;
  margin: 0 0.2rem;
  height: 2.133rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[data-dpr="2"] .card-message-box {
  border: 2px solid #2e82ff;
}
[data-dpr="3"] .card-message-box {
  border: 3px solid #2e82ff;
}
.card-message-main p {
  margin-top: 0.333rem;
}
.card-message {
  background-color: #fff;
  padding: 0.4rem 0.2rem;
}
.card-message-tit {
  font-weight: bold;
}
.card-img {
  padding: 0.4rem 0.2rem 0 0.2rem;
  background-color: #fff;
}
.card-img li {
  float: left;
  display: inline;
  margin: 0 0.2rem 0.4rem 0.2rem;
  height: 2rem;
  width: 2rem;
  overflow: hidden;
}
.card-img li p {
  display: table-cell;
  text-align: center;
  height: 2rem;
  width: 2rem;
  vertical-align: middle;
}
.card-img li p img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.margin-square {
  margin-top: 0.267rem;
}
.mine-inf {
  background-color: #2e82ff;
  color: #fff;
  padding-bottom: 0.8rem;
}
.mine-inf h1 {
  text-align: center;
  margin-top: 0.333rem;
}
.mine-inf p {
  text-align: center;
  margin-top: 0.267rem;
}
.mine-head {
  width: 2.133rem;
  height: 2.133rem;
  margin: 0 auto;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  overflow: hidden;
}
.mine-head img {
  width: 100%;
  height: 100%;
}
.sexy {
  width: 1.067rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-top-left-radius: 0.067rem;
  -webkit-border-top-left-radius: 0.067rem;
  -moz-border-radius-topleft: 0.067rem;
  border-top-right-radius: 0.067rem;
  -webkit-border-top-right-radius: 0.067rem;
  -moz-border-radius-topright: 0.067rem;
  border-bottom-left-radius: 0.067rem;
  -webkit-border-bottom-left-radius: 0.067rem;
  -moz-border-radius-bottomleft: 0.067rem;
  border-bottom-right-radius: 0.067rem;
  -webkit-border-bottom-right-radius: 0.067rem;
  -moz-border-radius-bottomright: 0.067rem;
  color: #fff;
  margin-bottom: 0.133rem;
}
.sexy span {
  margin-right: 0.133rem;
}
.man {
  background-color: rgba(46, 130, 255, 0.4);
}
.women {
  background-color: rgba(252, 90, 92, 0.4);
}
.add-opt a {
  height: 1.307rem;
  border-top: 1px solid #ccc;
  background-color: #fff;
  color: #2e82ff;
}
.add-opt a span {
  margin-right: 0.267rem;
}
.delete-opt {
  height: 1.307rem;
  border-top: 1px solid #ccc;
  background-color: #fff;
  display: none;
}
.change-opt a {
  height: 1.307rem;
  border-top: 1px solid #ccc;
  background-color: #fff;
  color: #2e82ff;
}
.check-all {
  margin-left: 0.4rem;
  color: #7b7b7b;
}
.btn-delete {
  width: 2.667rem;
  height: 1.307rem;
  line-height: 1.307rem;
  text-align: center;
  color: #fff;
  background-color: #fc5a5c;
}
.add-picture {
  height: 5.6rem;
  overflow: hidden;
  border: 2px solid #ddd;
  background-color: #eee;
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
  position: relative;
}
.add-picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 8;
  width: 100%;
  vertical-align: middle;
  display: none;
}
.add-picture span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  color: #aaa;
}
.add-picture input {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 500px;
  opacity: 0;
  z-index: 10;
}
.work-img {
  padding: 0.4rem;
  background-color: #fff;
}
.work-img-box {
  height: 5.6rem;
  overflow: hidden;
  text-align: center;
}
.work-img-box img {
  width: 100%;
  vertical-align: middle;
}
.view-pic.order-pic {
  width: 1.333rem;
  height: 1.333rem;
}
.view-pic.order-pic p {
  width: 1.333rem;
  height: 1.333rem;
}
.order-state {
  color: #2e82ff;
  margin-left: 0.4rem;
}
.view li article h2.order-tit {
  margin-bottom: 0.2rem;
}
.view li article h2.order-tit em {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order-inf {
  margin-left: 1.733rem;
}
.order-list-name {
  color: #555;
  margin-bottom: 0.333rem;
}
.order-price {
  font-weight: bold;
}
.order-btn a {
  display: block;
  width: 2.133rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  border: 1px solid #ccc;
  color: #282828;
  border-top-left-radius: 0.067rem;
  -webkit-border-top-left-radius: 0.067rem;
  -moz-border-radius-topleft: 0.067rem;
  border-top-right-radius: 0.067rem;
  -webkit-border-top-right-radius: 0.067rem;
  -moz-border-radius-topright: 0.067rem;
  border-bottom-left-radius: 0.067rem;
  -webkit-border-bottom-left-radius: 0.067rem;
  -moz-border-radius-bottomleft: 0.067rem;
  border-bottom-right-radius: 0.067rem;
  -webkit-border-bottom-right-radius: 0.067rem;
  -moz-border-radius-bottomright: 0.067rem;
}
.view.order-view li:before {
  left: 2.133rem;
}
.view.worker-view li:before {
  left: 2.667rem;
}
.order-opt-tit {
  color: #282828;
}
.in {
  color: #7b7b7b;
}
.order-list-tit {
  height: 1.173rem;
  line-height: 1.173rem;
  background-color: #fff;
  padding: 0 0.4rem;
  border-bottom: 1px solid #ddd;
}
.order-list-img {
  width: 1.867rem;
  height: 1.867rem;
  overflow: hidden;
  margin-right: 0.4rem;
}
.order-list-img p {
  width: 1.867rem;
  height: 1.867rem;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.order-list-img p img {
  vertical-align: middle;
  width: 100%;
}
.order-list li {
  height: 1.867rem;
  padding: 0.4rem;
  background-color: #fff;
  position: relative;
}
.order-list li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 2.667rem;
  right: 0;
  border-top: 1px solid #ddd;
}
.order-list li:first-child:before {
  border-top: none;
}
.order-list-word-up {
  height: 50%;
}
.order-list-word-up p {
  color: #7b7b7b;
}
.order-list-down {
  height: 50%;
}
.order-list-word {
  height: 100%;
}
.order-list-price {
  font-weight: bold;
}
.order-list-price em {
  color: #7b7b7b;
  font-weight: normal;
}
.order-list-bottom {
  height: 1.173rem;
  line-height: 1.173rem;
  background-color: #fff;
  padding: 0 0.4rem;
  border-top: 1px solid #ddd;
}
.top-inf {
  background-color: #2e82ff;
  text-align: center;
  color: #fff;
  padding-bottom: 0.8rem;
}
.top-inf article {
  margin: 0 0.533rem;
}
.top-inf article h1 {
  font-weight: bold;
}
.top-inf article p {
  margin-top: 0.267rem;
}
.top-inf article p span {
  margin-left: 0.267rem;
}
.line {
  width: 0.567rem;
  border-top: 1px solid #fff;
  position: relative;
  overflow: visible;
}
.line span {
  position: absolute;
  top: -3px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  background-color: #fff;
}
[data-dpr="2"] .line {
  border-top: 2px solid #fff;
}
[data-dpr="2"] .line span {
  top: -6px;
  width: 12px;
  height: 12px;
}
[data-dpr="3"] .line {
  border-top: 2px solid #fff;
}
[data-dpr="3"] .line span {
  top: -9px;
  width: 18px;
  height: 18px;
}
.line-l span {
  right: 0;
}
.line-r span {
  left: 0;
}
.pay-tip {
  width: 0.773rem;
  height: 1.067rem;
  margin-right: 0.4rem;
}
.pay-tip img {
  width: 100%;
  vertical-align: top;
}
.pay-total {
  text-align: center;
  background-color: #2e82ff;
  color: #fff;
  padding: 0.333rem 0 0.8rem 0;
}
.pay-total-num {
  font-weight: bold;
  margin-top: 0.267rem;
}
.pay-tit {
  height: 1.173rem;
  color: #7b7b7b;
  padding: 0 0.4rem;
}
.pay-tit span {
  display: block;
  width: 4px;
  height: 4px;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  background-color: #7b7b7b;
  margin-right: 0.24rem;
}
[data-dpr="2"] .pay-tit span {
  width: 8px;
  height: 8px;
}
[data-dpr="3"] .pay-tit span {
  width: 12px;
  height: 12px;
}
.pay-view .order-inf {
  margin-left: 1.173rem;
  margin-top: 0.24rem;
}
.pay-view .order-price {
  font-weight: normal;
}
.pay-view li:before {
  left: 1.573rem;
}
.text-blue {
  font-weight: bold;
}
.card-img.send-card-img {
  padding-top: 0;
}
.form-con-grey {
  color: #aaa;
}
.add-product-img {
  position: relative;
  float: left;
  display: inline;
  margin: 0 0.2rem 0.4rem 0.2rem;
  height: 2rem;
  width: 2rem;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.add-product-img p {
  display: table-cell;
  text-align: center;
  height: 2rem;
  width: 2rem;
  vertical-align: middle;
  overflow: hidden;
}
.add-product-img p img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.close-img {
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background-color: #fc5a5c;
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  color: #fff;
  z-index: 50;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
}
.add-product-opt {
  float: left;
  display: inline;
  margin: 0 0.2rem 0.4rem 0.2rem;
  height: 2rem;
  width: 2rem;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.add-product-opt span {
  color: #2e82ff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.add-product-opt input {
  font-size: 100px;
  opacity: 0;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
}
.form.send-form li {
  padding: 0;
}
.send-form-word {
  padding: 0.4rem 0.4rem 0 0.4rem;
}
.add-product-box {
  padding: 0.4rem 0.2rem 0 0.2rem;
}
.project-pic-list {
  padding: 0 0.253rem;
}
.project-pic-list li {
  float: left;
  display: inline;
  width: 2.867rem;
  margin: 0.4rem 0.147rem 0.147rem;
}
.project-pic-word {
  margin-top: 0.24rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.project-pic {
  width: 2.867rem;
  height: 2.867rem;
}
.project-pic p {
  display: table-cell;
  width: 2.867rem;
  height: 2.867rem;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.project-pic p img {
  width: 100%;
}
.contact-people {
  padding: 0.267rem 0.4rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.contact-people-img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  overflow: hidden;
}
.contact-people-img img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.contact-people-call span {
  color: #2e82ff;
}
.contact-people-word p {
  color: #7b7b7b;
  margin-top: 0.2rem;
}
.store-inf-img {
  height: 5rem;
  overflow: hidden;
}
.store-inf-img img {
  width: 100%;
  vertical-align: top;
}
.store-inf-word {
  background-color: #fff;
  padding: 0.4rem;
}
.store-inf-word h1 {
  text-align: center;
}
.store-inf-word p {
  margin-top: 0.4rem;
  color: #666;
  line-height: 0.64rem;
  text-align: center;
}
.order-list-price b {
  color: #8c8c8c;
}
.order-list-price input {
  border-bottom: 1px solid #8c8c8c;
  width: 2.4rem;
  height: 0.747rem;
  text-align: center;
  margin-right: 0.133rem;
  color: #2e82ff;
  font-weight: bold;
}
.order-list-price input:focus {
  border-color: #2e82ff;
}
.number {
  margin-left: 0.533rem;
}
.number input {
  text-align: center;
  width: 1.333rem;
  padding: 0 0.133rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.num-btn {
  width: 0.613rem;
  height: 0.613rem;
  line-height: 0.613rem;
  text-align: center;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  font-weight: bold;
}
.minus {
  border: 2px solid #2e82ff;
  color: #2e82ff;
}
[data-dpr="2"] .minus {
  border: 4px solid #2e82ff;
}
[data-dpr="3"] .minus {
  border: 6px solid #2e82ff;
}
.add {
  border: 2px solid #2e82ff;
  background-color: #2e82ff;
  color: #fff;
}
[data-dpr="2"] .add {
  border: 4px solid #2e82ff;
}
[data-dpr="3"] .add {
  border: 6px solid #2e82ff;
}
.store-footer {
  overflow: visible;
  position: relative;
  z-index: 40;
}
.store-opt {
  height: 1.307rem;
  background-color: #3f3f3f;
  overflow: visible;
}
.store-opt p {
  margin-left: 0.4rem;
  color: #fff;
}
.store-opt a {
  height: 1.307rem;
  line-height: 1.307rem;
  background-color: #58d178;
  min-width: 2.667rem;
  text-align: center;
  padding: 0 0.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
header.store-header {
  background-color: transparent;
  height: auto;
  position: relative;
  overflow: hidden;
}
header.store-header h1 {
  text-align: left;
}
.store-header-box {
  height: 1.173rem;
}
.store-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  filter: blur(1rem);
  -webkit-filter: blur(1rem);
  -moz-filter: blur(1rem);
  -ms-filter: blur(1rem);
  -o-filter: blur(1rem);
}
.store-header-bg-up {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 5;
}
.store-header-box {
  position: relative;
  z-index: 10;
}
.store-header-inf {
  position: relative;
  z-index: 10;
  padding: 0.2rem 0.4rem 0.6rem 0.4rem;
}
.store-header-img {
  width: 2.133rem;
  height: 2.133rem;
  overflow: hidden;
  margin-right: 0.4rem;
}
.store-header-img img {
  width: 100%;
  vertical-align: top;
}
.store-header-tip {
  margin-top: 0.2rem;
}
.store-header-tip span {
  height: 0.533rem;
  line-height: 0.533rem;
  border-top-left-radius: 0.067rem;
  -webkit-border-top-left-radius: 0.067rem;
  -moz-border-radius-topleft: 0.067rem;
  border-top-right-radius: 0.067rem;
  -webkit-border-top-right-radius: 0.067rem;
  -moz-border-radius-topright: 0.067rem;
  border-bottom-left-radius: 0.067rem;
  -webkit-border-bottom-left-radius: 0.067rem;
  -moz-border-radius-bottomleft: 0.067rem;
  border-bottom-right-radius: 0.067rem;
  -webkit-border-bottom-right-radius: 0.067rem;
  -moz-border-radius-bottomright: 0.067rem;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 0.133rem;
  margin-right: 0.2rem;
}
.sotre-header-word-r {
  color: #fff;
}
.store-header-word p {
  margin-top: 0.333rem;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.store-header-word-l h1 {
  font-weight: bold;
}
.store-car {
  width: 1.2rem;
  height: 1.2rem;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  background-color: #333;
  margin-left: 0.4rem;
  border: 0.133rem solid #3f3f3f;
  margin-top: -0.267rem;
}
.store-car span {
  color: #2e82ff;
}
.store-car-word {
  color: #fff;
  text-align: left;
  padding-left: 0.133rem;
}
.store-car-word span {
  margin: 0 0.133rem;
}
.store-detail-nav {
  width: 1.867rem;
  background-color: #f5f5f5;
}
.store-detail-nav ul li a {
  height: 1.6rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
}
.store-detail-nav ul li a.store-detail-nav-on {
  border-left: 0.057rem solid #2e82ff;
  font-weight: bold;
  background-color: #fff;
}
.product-img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.333rem;
}
.product-img p {
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.product-img p img {
  width: 100%;
  vertical-align: middle;
}
.product-word {
  margin-right: 0.333rem;
}
.product-word p {
  margin-top: 0.2rem;
  color: #7b7b7b;
}
.product-word p b {
  color: #fc5a5c;
}
.store-detail-con {
  position: relative;
}
.store-detail-con dt {
  height: 0.8rem;
  line-height: 0.8rem;
  border-left: 0.057rem solid #e9e9e9;
  background-color: #f5f5f5;
  padding-left: 0.267rem;
  font-weight: bold;
  color: #555;
}
.store-detail-con dd {
  background-color: #fff;
  padding: 0.333rem;
  position: relative;
}
.store-detail-con dd:before {
  content: '';
  position: absolute;
  border-bottom: 1px solid #ddd;
  bottom: 0;
  left: 2.267rem;
  right: 0;
}
.store-detail-con dt.fix {
  position: fixed;
  top: 4.107rem;
  left: 1.867rem;
  right: 0;
  z-index: 40;
}
.store-detail-nav .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.store-detail-nav .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: transparent;
}
.store-square {
  height: 10rem;
}
.store-car-dialog {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.store-car-dialog.dialog-open {
  bottom: 1.307rem;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.store-car-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.store-car-tit {
  height: 1.173rem;
  background-color: #f5f5f5;
  padding: 0 0.4rem;
}
.store-car-tit a {
  color: #2e82ff;
}
.store-car-con {
  max-height: 8rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.store-car-con ul {
  background-color: #fff;
  padding: 0 0.4rem;
}
.store-car-con ul li {
  padding: 0.4rem 0;
  border-bottom: 1px solid #ddd;
}
.store-car-list-word {
  color: #7b7b7b;
  text-align: right;
  margin: 0 0.8rem;
}
.store-car-list-word b {
  color: #fc5a5c;
}
/* 单选、多选 */
.tool-check {
  margin-left: 0.4rem;
  display: none;
}
.tool-check label input {
  display: none;
}
.tool-check label input + span {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border: 1px solid #ccc;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.tool-check label input:checked + span {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid #2e82ff;
  background-color: #2e82ff;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
}
.tool-check label input:checked + span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "\e910";
  color: #fff;
}
/* 加载中 */
.load {
  height: 1.333rem;
}
.load span em {
  width: 8px;
  height: 8px;
  background: #2e82ff;
  margin: 0 0.133rem;
  border-top-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -moz-border-radius-topright: 100%;
  border-bottom-left-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-bottom-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -moz-border-radius-bottomright: 100%;
}
[data-dpr="2"] .load span em {
  width: 16px;
  height: 16px;
}
[data-dpr="3"] .load span em {
  width: 24px;
  height: 24px;
}
.load span em:nth-child(1) {
  -webkit-animation: start 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -o-animation: start 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: start 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.load span em:nth-child(2) {
  -webkit-animation: start 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -o-animation: start 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: start 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.load span em:nth-child(3) {
  -webkit-animation: start 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  -o-animation: start 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: start 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
@keyframes start {
  30% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes start {
  30% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* 点击看大图 */
.big-pic-show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.big-pic-show.big-pic-show-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.swiper-big-pic {
  height: 100%;
  width: 100%;
}
.swiper-big-pic .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-big-pic .swiper-wrapper .swiper-slide {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.swiper-big-pic .swiper-wrapper .swiper-slide a {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.swiper-big-pic .swiper-wrapper .swiper-slide a img {
  width: 100%;
  vertical-align: middle;
}
.swiper-big-pic .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-big-pic .swiper-pagination-custom,
.swiper-big-pic .swiper-pagination-fraction {
  bottom: .333rem;
  color: #fff;
}
/* 对话框 */
.alert {
  position: fixed;
  z-index: 40;
  bottom: 2.667rem;
  left: 50%;
  text-align: center;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.alert.alert-show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.alert-con {
  max-width: 6.667rem;
  padding: 0.4rem 0.467rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 0.133rem;
  -webkit-border-top-left-radius: 0.133rem;
  -moz-border-radius-topleft: 0.133rem;
  border-top-right-radius: 0.133rem;
  -webkit-border-top-right-radius: 0.133rem;
  -moz-border-radius-topright: 0.133rem;
  border-bottom-left-radius: 0.133rem;
  -webkit-border-bottom-left-radius: 0.133rem;
  -moz-border-radius-bottomleft: 0.133rem;
  border-bottom-right-radius: 0.133rem;
  -webkit-border-bottom-right-radius: 0.133rem;
  -moz-border-radius-bottomright: 0.133rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
/* 确认框 */
.dialog-msg {
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.dialog-show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.confirm {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.confirm-box {
  width: 8rem;
  background-color: #fff;
  border-top-left-radius: 0.133rem;
  -webkit-border-top-left-radius: 0.133rem;
  -moz-border-radius-topleft: 0.133rem;
  border-top-right-radius: 0.133rem;
  -webkit-border-top-right-radius: 0.133rem;
  -moz-border-radius-topright: 0.133rem;
  border-bottom-left-radius: 0.133rem;
  -webkit-border-bottom-left-radius: 0.133rem;
  -moz-border-radius-bottomleft: 0.133rem;
  border-bottom-right-radius: 0.133rem;
  -webkit-border-bottom-right-radius: 0.133rem;
  -moz-border-radius-bottomright: 0.133rem;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.4s ease 0s;
  -moz-transition: transform 0.4s ease 0s;
  -ms-transition: transform 0.4s ease 0s;
  -o-transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
}
.confirm-box.confirm-box-normal {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.4s ease 0s;
  -moz-transition: transform 0.4s ease 0s;
  -ms-transition: transform 0.4s ease 0s;
  -o-transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
}
.confirm-text {
  padding: 0.8rem;
  line-height: 0.533rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.confirm-opt {
  border-top: 1px solid #ddd;
  padding: 0 0.4rem;
}
.confirm-opt a {
  height: 1.333rem;
  line-height: 1.333rem;
  padding: 0 0.4rem;
  color: #2e82ff;
}
